<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{$title}</title>
<include file='web/common:source'/>
<style>
div.layui-layer-shade{background-color:rgba(255,255,255,0) !important;}
div.layui-layer-rim{border:none; box-shadow:3px 5px 6px #dadada,-3px -1px 6px #dadada;}
div.layui-layer-title{background-color:#e2e5e8;}
</style>
</head>
<body ng-app="myApp" ng-controller="myAppControl">
<div class="mainBox m o">
    <div class="mainRight fr" style="padding-bottom:0px;">
        <include file='web/common:header'/>
        <div class="mainRightBot pr o">
            <!-- leftMenu start -->
            <include file='web/common:left'/>
            <!-- leftMenu end -->
            <div class="rightBox fr" style="width:940px; min-height:900px;">
                <!-- rightBoxTop start -->
                <include file='web/project:common'/>
                <!-- rightBoxTop end -->
                <div class="rightBoxBot">
                	<div class="rightBoxBotTop o afl">
						<a href="">返回上一级</a>
						<a href="" class="ts300">项目列表</a>
						<a class="lt"><i class="layui-icon" style="font-size: 16px;">&#xe602;</i></a>
						<a href="" class="ts300">项目详情</a>
                        <a class="lt"><i class="layui-icon" style="font-size: 16px;">&#xe602;</i></a>
                        <a href="" class="ts300">项目资源</a>
                	</div>
                    <div class="ziyuanMid ab afr pr" style="width:910px;  padding-bottom:38px;">
                        <a href="javascript:;" onclick="shangchuanShadow()" class="ts300">+&nbsp;我要上传</a>
                        <a href="javascript:;" class="allDown b parb ts300">批量下载</a>
                    </div>
                	<div class="ziyuanList m o">
                        <dl class="ziyuanList ziyuanListHover o">
                            <dt class="fl">
                                <a href="" class="ts300">合同文本2</a>
                                <span>2017年10月31日 11:27</span>
                            </dt>
                            <dd class="fr o">
                                <a href="" class="b fl yulan">预览</a>
                                <a href="" class="b fr xiazai">下载资源</a>
                            </dd>
                            <dd class="line ts300"></dd>
                        </dl>
                        <dl class="ziyuanList o">
                            <dt class="fl">
                                <a href="" class="ts300">合同文本2</a>
                                <span>2017年10月31日 11:27</span>
                            </dt>
                            <dd class="fr o">
                                <a href="" class="b fl yulan">预览</a> 
                            </dd>
                            <dd class="line ts500"></dd>
                        </dl>
                        <dl class="ziyuanList disable o">
                            <dt class="fl">
                                <a href="" class="ts300">合同文本2</a>
                                <span>2017年10月31日 11:27</span>
                            </dt>
                            <dd class="fr o"></dd>
                            <dd class="line ts500"></dd>
                        </dl>
                        <dl class="ziyuanList o">
                            <dt class="fl">
                                <a href="" class="ts300">合同文本2</a>
                                <span>2017年10月31日 11:27</span>
                            </dt>
                            <dd class="fr o">
                                <a href="" class="b fl yulan">预览</a>
                                <a href="" class="b fr xiazai">下载资源</a>
                            </dd>
                            <dd class="line ts500"></dd>
                        </dl>
                        <dl class="ziyuanList o">
                            <dt class="fl">
                                <a href="" class="ts300">合同文本2</a>
                                <span>2017年10月31日 11:27</span>
                            </dt>
                            <dd class="fr o">
                                <a href="" class="b fl yulan">预览</a>
                                <a href="" class="b fr xiazai">下载资源</a>
                            </dd>
                            <dd class="line ts500"></dd>
                        </dl>
                        <dl class="ziyuanList o">
                            <dt class="fl">
                                <a href="" class="ts300">合同文本2</a>
                                <span>2017年10月31日 11:27</span>
                            </dt>
                            <dd class="fr o">
                                <a href="" class="b fl yulan">预览</a>
                                <a href="" class="b fr xiazai">下载资源</a>
                            </dd>
                            <dd class="line ts500"></dd>
                        </dl>
                        <dl class="ziyuanList o">
                            <dt class="fl">
                                <a href="" class="ts300">合同文本2</a>
                                <span>2017年10月31日 11:27</span>
                            </dt>
                            <dd class="fr o">
                                <a href="" class="b fl yulan">预览</a>
                                <a href="" class="b fr xiazai">下载资源</a>
                            </dd>
                            <dd class="line ts500"></dd>
                        </dl>
                        <dl class="ziyuanList o">
                            <dt class="fl">
                                <a href="" class="ts300">合同文本2</a>
                                <span>2017年10月31日 11:27</span>
                            </dt>
                            <dd class="fr o">
                                <a href="" class="b fl yulan">预览</a>
                                <a href="" class="b fr xiazai">下载资源</a>
                            </dd>
                            <dd class="line ts500"></dd>
                        </dl>
                    </div>
                    <script type="text/javascript">
                    (function(){
                        $("div.ziyuanList dl.ziyuanList").click(function(){
                            if($(this).hasClass('ziyuanListHover')){
                                $(this).removeClass('ziyuanListHover');
                            }else{
                                $(this).addClass('ziyuanListHover');
                            };                            
                        });
                    })();
                    </script>
                </div>           
                <!-- 新建订单 弹出层 start -->
                <include file='web/common:createDingdan'/>
                <!-- 新建订单 弹出层 end -->
                <!-- 新建项目 弹出层 新建项目 start -->
                <include file='web/common:createProject'/>
                <!-- 新建项目 弹出层 end -->
                <!-- 新建合同 弹出层 start -->
                <include file='web/common:createHetong'/>
                <!-- 新建合同 弹出层 end -->
                <!-- 弹出层 我要上传 start -->
	            <div id="xiangmuShadow" class="o shangchuanShadow dn pr">
	                <div class="dingdanShadowBox palt">
	                    <div class="dingdanShadowBoxBox o">
	                    <form class="layui-form">
	                        <div class="dingdanTop" style="padding-bottom:0px;">
	                            <dl class="dingdanCom pr">
	                                <dt class="palt">*</dt>
	                                <dd class="text w120 o">
	                                    <span class="ib title fl">资源名称：</span>
	                                    <input type="text" class="fl txt" placeholder="点击输入">
	                                </dd>
	                            </dl>
	                            <dl class="dingdanCom pr">
	                                <dt class="palt">*</dt>
	                                <dd class="text w120 o">
	                                    <span class="ib title fl">上&nbsp;&nbsp;传&nbsp;&nbsp;者：</span>
	                                    <input type="text" class="fl txt" placeholder="点击输入">
	                                </dd>
	                            </dl>
	                            <dl class="dingdanCom  dingdanComRadio pr">
	                                <dt class="palt">*</dt>
	                                <dd class="text o">
	                                    <span class="ib title fl" style="line-height:40px;">资源类型：</span>
	                                    <div class="radioBox fl">
	                                        <input type="radio" name="uploadType" value="会议纪要" title="会议纪要" checked>
	                                        <input type="radio" name="uploadType" value="合同文本" title="合同文本" >
	                                        <input type="radio" name="uploadType" value="图片" title="图片" >
	                                        <input type="radio" name="uploadType" value="图纸" title="图纸" >
	                                        <input type="radio" name="uploadType" value="URL" title="URL" >
	                                        <input type="radio" name="uploadType" value="其他" title="其他" >
	                                    </div>
	                                </dd>
	                            </dl>
	                            <dl class="dingdanCom pr">
	                                <dt class="palt">*</dt>
	                                <dd class="text w120 c pr">
	                                    <span class="ib title fl">品种类别：</span>
	                                    <select name="city" class="comSelect" lay-verify="required">
	                                        <option value=""></option>
	                                        <option value="0">品种类别A</option>
	                                        <option value="1">品种类别B</option>
	                                        <option value="2">品种类别C</option>
	                                        <option value="3">品种类别D</option>
	                                        <option value="4">品种类别E</option>
	                                    </select>
	                                </dd>
	                            </dl>
	                            <dl class="dingdanCom zizhiInput selectInput pr">
	                                <dt class="palt">*</dt>
	                                <dd class="text o">
	                                    <span class="ib title fl">资质信息：</span>
	                                    <input type="text" class="fl txt" placeholder="请选择" readonly="readonly">
	                                </dd>
	                            </dl>
	                            <ul class="uploadImg uploadDoc">
	                                <li>
	                                    <i class="layui-icon cp">&#x1006;</i>
	                                    <h3 class="f100">2018年1月4日会议纲要</h3>
	                                    <img src="images/img58.png" alt=""> 
	                                </li>
	                                <li>
	                                    <i class="layui-icon cp">&#x1006;</i>
	                                    <h3 class="f100">统计表格</h3>
	                                    <img src="images/img59.png" alt=""> 
	                                </li>                                
	                            </ul> 
	                        </div>
	                        <div class="dingdanBot" style="padding-bottom:20px;">
	                            <input type="submit" class="submit" value="确认上传资源">
	                        </div>
	                    </div>
	                    </form>
	                </div>
	            </div>
	            <!-- 弹出层 我要上传 end -->
            </div>
        </div>
    </div>
</div>
</body>
<include file='web/common:footer'/>
<script type="text/javascript">
// angular start
angular.module("myApp",[]).controller('myAppControl',['$scope',function($scope){
 
}]);
function shangchuanShadow(){
    layer.open({
        type: 1,
        scrollbar:false,
        title: ['上传资源', 'font-size:18px;'],
        skin: 'layui-layer-rim', //加上边框
        area: ['650px', '650px'], //宽高
        content: $("#xiangmuShadow")
    });
};
</script>
</html>